
body{
	background: #fff;
	// border: 2px solid yellow;
	// position: fixed;
	// width: 100%;
	// top: 0;
	// left: 0;
}

.competetionList{
	// overflow: hidden;
	// height: 100%;
	
	// padding-top: 2.2rem;
    .mint-tab-container{
		overflow: inherit !important;
		min-height: 100%;
	}
	.midContent{
		// overflow: scroll;
		// // height: 100%;
		// height: calc(~'100% - 2.2rem');
		// -webkit-overflow-scrolling: touch;
	    // position: relative;

	    .imgWrap{
	    	.mint-navbar{
	    		z-index: 100;
	    	}
	    }

	    // .midWrap{
	    // 	position: absolute;
	    // 	width: 100%;
	    // 	top: 0;
	    // 	left: 0;
	    // }
	}

	// -webkit-overflow-scrolling: touch;
     
	.imgWrap{
    	// margin-bottom: 0.1rem;
		// height: 7.25rem;
		position: relative;


		// .goldPf{
		// 	width: 100%;
		// 	height: 32px;
		// 	position: absolute;
		// 	top: 4.95rem;
		// 	left: 0;
		// 	background-color: #fff;
		// 	border-top-left-radius: 0.75rem;
		// 	border-top-right-radius: 0.75rem;
		// 	z-index: 100;
		// }
        
		.mint-navbar{
			position: absolute;
			top: 4.98rem;
			left: 0;
			width: 100%;
			height: 2.5rem;
			line-height: 2.5rem;
			border-top-left-radius: 0.75rem;
			border-top-right-radius: 0.75rem;

			//重置样式
			.mint-tab-item{
                padding: 15px 0;
				.mint-tab-item-label{
					color: #545861;
					font-size: 0.75rem;
				}


				&.is-selected{
					border-bottom: 0;

					.mint-tab-item-label{
						color: #1D212B;
						font-size: 0.85rem;
						font-weight: 600;
						position: relative;

						&:after{
							content: '';
							width: 0.9rem;
							height: 0.15rem;
							background: #FF6500;
							border-radius: 0.075rem;
							position: absolute;
							left: 0;
							right: 0;
							margin: auto;
							bottom: -0.5rem;
						}
					}
				}
			}
		}

	}

	// .selectWrap{
	// 	// margin-bottom: 0.6rem;
	// 	// position: absolute;
	// 	// z-index: 100;
	// 	// top: 6.41rem;
	// 	padding-top: .1rem;
	// 	border-top: 1px solid #fff;
	// 	background-color: #fff;
	// 	width: 100%;

	// }

	// .dateWrap{
	// 	margin-left: 1.0rem;
	// }
	.iosXd{
		position: -webkit-sticky;
		position: sticky;
		top: 4.6rem;
		// top: 4.6rem;
		padding:.15rem 0 .2rem 0;
		z-index: 300;
		background-color: #fff;
		// padding-top: .3rem;
	}
	.andXd{
		padding:.18rem 0 .2rem 0;
		position: relative;
		z-index: 300;
		background-color: #fff;
	}
	.androidXd{
		// position: -webkit-sticky;
		// position: sticky;
		position: relative;
		top: 0;
		padding:0.05rem 0 .2rem 0;
		z-index: 300;
		background-color: #fff;
		// padding-top: .3rem;
	}
    
    .selectWrap{
		// margin-bottom: 0.6rem;
		margin-top: 2rem;
		padding-left: 1rem;
		
        

		&.four{
			margin-top: 0;

			// position: absolute;
			// top: 4.75rem;
			// left: 0;
			// width: 100%;
			// height: 2.5rem;
			// line-height: 2.5rem;
			// border-top-left-radius: 0.75rem;
			// border-top-right-radius: 0.75rem;
		}
	}
	.goldpf{
		width: 100%;
		margin-top: 0;
		position: absolute;
		top: -0.9rem;
		left: 0;
		padding-top: .6rem;
		background-color: #fff;
		border-top-left-radius: 0.75rem;
		border-top-right-radius: 0.75rem;
		z-index: 100;
		padding-bottom: .6rem;
	}

	.tabWrap{
		margin-top: 0.25rem;

		&.four{
			margin-top: 1rem;
		}

		.dateWrap{
			margin-left: 1.0rem;
		}

        .datePop li {
          border-radius: 0rem !important;
          border-bottom: 0.025rem solid #E7E7E7;
        }

		.selectListWrap{
			margin-left: 2.0rem;
		}

		li{
			margin-left: 0.5rem;
			margin-right: 0.5rem;
			border-radius: 0.2rem;
		}

		.nowStaff{

			margin-bottom: 0.4rem;

			li{
				height: 3.7rem;
				background: #FCF3ED;
				position: relative;
				margin-bottom: 0.4rem;

				&:last-child{
					margin-bottom: 0;
				}

				&.staffLi{

					.nowStaffBg{
						height: 100%;
					    width: auto;
					    float: right;
					}

					.liDiv{
						position: absolute;
						z-index: 5;
						width: 100%;
						padding: 0.4rem 0;
						top: 0;

						.headImgDiv{
							width: 2.9rem;
						    height: 2.9rem;
						    border: 0.025rem solid #EBDFD8;
						    border-radius: 50%;
						    margin-left: 0.5rem;
						    line-height: 2.9rem;

							.headImg, .headImgSpan{
								border: 0.025rem solid #E6D7CE;
								padding: 0.2rem;
								border-radius: 50%;
								height: 2.5rem;
								width: 2.5rem;
								margin-top: 0.16rem;
								margin-left: 0.175rem;
								color: #ECEDF0 ;
							}

							.headImgSpan{
								font-size: 2rem;
							    display: block;
							    line-height: 1;
							    text-align: center;
								vertical-align: middle;
								color: #ECEDF0;
							}
						}

						.module{
							float: left;
						}

						.topTxt{
							margin-top: 0.45rem;
							margin-bottom: 0.1rem;
							vertical-align: baseline;
						}

						.txt{
							font-size: .65rem;
							color: #91959E;
						}

						.staffMsg{
							margin-left: 0.4rem;

							.name{
								font-weight: 500;
								font-size: 0.8rem;
								color: #1D212B;
							}

						}

						.people, .numModule{
							text-align: center;
                            //margin-top: 0.1rem;

							.topTxt{
								color: #FF6500;
								font-size: 0.6rem;
								margin-top: 0.2rem;
								margin-bottom: 0.05rem;
							}
							.pNum{
								font-size: 1.1rem;
								font-weight: 500;
							}
                            //.txt {
                            //  position: relative;
                            //  top: -0.05rem;
                            //}
                            .unit {
                              vertical-align: -webkit-baseline-middle;
                            }
						}

						.numModule{
							float: right;
							margin-right: 2.3rem;
						}

						.people{
							margin-right: 0.85rem;
							float: right;


						}

					}

				}
			}

            &.staffRecord {
                .people, .numModule{
                    text-align: center;
                    margin-top: 0.1rem;

                    .topTxt{
                      color: #FF6500;
                      font-size: 0.6rem;
                      margin-top: 0.2rem;
                      margin-bottom: 0.05rem;
                    }
                    .pNum{
                      font-size: 1.1rem;
                      font-weight: 500;
                    }
                    .txt {
                      position: relative;
                      top: -0.05rem;
                    }
                    //.unit {
                    //  vertical-align: -webkit-baseline-middle;
                    //}
                }
            }

			//组织内的员工自己的排名，样式部分重置
			&.groupStaff{

				.staffLi{
					height: 5.8rem;
				}


				.nowStaffImgDiv{
					height: 100%;
					position: relative;

					img{
						height: 100%;
						width: auto;
					}

					.nowStaffBgLeft{
						position: absolute;
						left: 0;
						bottom: 0;
						height: 2.2rem;

					}

					.nowStaffBgRight{
						position: absolute;
						right: 0;
						top: 0;
						height: 2.8rem;

					}
				}

				li.staffLi .liDiv{
					display: flex;
					padding: 0;

					.rightDiv{
						flex: 1;
					}

					 .headImgDiv{
						border: 0;
						height: 1.6rem;
						width: 1.6rem;
						margin-top: 0.8rem;
						margin-left: 0.6rem;

						.headImg, .headImgSpan{
							border: 0;
							padding: 0;
							border-radius: 50%;
							width: 100%;
							height: 100%;
							margin-top: 0;
							margin-left: 0;
							color: #ECEDF0;
						}

						.headImgSpan{
							font-size: 1.6rem;
							color: #ECEDF0;
							width: 1.5rem;
							height: 1.5rem;
						}

						.topTxt{
							margin-top: 0.6rem;
						}
					}

					.staffMsg{
						margin-bottom: .45rem;
					}

					.people{
						margin-right: 2.9rem;
						.topTxt{
							margin-top: 0;
						}
					}

					.numModule{
						margin-left: 1.05rem;
						float: left;
						.topTxt{
							margin-top: 0;
						}
					}
				}
			}

		}

		.listWrap{
			li{
				background: #F6F7FA;
				margin-bottom: 0.4rem;
				display: flex;

				.indexNum{
					margin-top: 1.0rem;
					margin-left: 0.5rem;
					height: 1.35rem;
					line-height: 1.35rem;
					width: 1.35rem;
					margin-right: 0.5rem;

					.indexNumImg{
						width: 1.35rem;
						height: 1.35rem;
					}

					.indexSpan{
						font-size: 0.75rem;
						color: #91959E;
						text-align: center;
						display: block;
					}
				}

				.headImgDiv{

					width: 1.5rem;
					height: 1.5rem;
					margin-right: .5rem;
					margin-top: 0.9rem;
					border-radius: 50%;

					.headImg{
						width: 1.5rem;
						height: 1.5rem;
						border-radius: 50%;
					}

					.headImgSpan{
						font-size: 1.5rem;
						color: #ECEDF0;
						width: 1.5rem;
						height: 1.5rem;
					}
				}

				.staffMsg{
					flex: 1;
					margin-top: 0.75rem;

					.name{
						font-size: 0.75rem;
						color: #1D212B;
						font-weight: 500;
					}

					.txt{
						font-size: 0.6rem;
						color: #91959E;
					}
				}

				.numModule{
					font-size: 0.6rem;
					color: #91959E;
					margin-right: 0.8rem;
					margin-top: 1.0rem;
					margin-left: 1.6rem;

					.pNum{
						font-size: 0.9rem;
						font-weight: 500;
						color: #1D212B;
					}
					span{
						vertical-align: baseline;
					}
				}

			}

			&.staffList{
				li{
					height: 3.3rem;
				}

			}

			&.groupList{
				li{
					height: 2.8rem;
				}

				.indexNum{
					margin-top: 0.8rem;
				}

				.staffMsg{
					margin-top: 1rem;
					font-size: 0.75rem;
					color: #1D212B;
					font-weight: 500;
					// height: 0.75rem;
					line-height: 0.75rem;
				}

				.numModule{
					margin-top: 0.8rem;
				}
			}
		}
	}
}
.emptDiv{
	height: 8.85rem;
}
.topTab{
	// position: fixed;
	// top: 2.2rem;
	.mint-navbar{
		position: fixed;
		z-index: 400;
		top: 2.2rem;
		left: 0;
		width: 100%;
		height: 2.5rem;
		line-height: 2.5rem;

		//重置样式
		.mint-tab-item{
            padding: 15px 0;
			.mint-tab-item-label{
				color: #545861;
				font-size: 0.75rem;
			}


			&.is-selected{
				border-bottom: 0;

				.mint-tab-item-label{
					color: #1D212B;
					font-size: 0.85rem;
					font-weight: 500;
					position: relative;

					&:after{
						content: '';
						width: 0.9rem;
						height: 0.15rem;
						background: #FF6500;
						border-radius: 0.075rem;
						position: absolute;
						left: 0;
						right: 0;
						margin: auto;
						bottom: -0.5rem;
					}
				}
			}
		}
	}
	.selectWrap{
		position:fixed;
		top: 2.6rem;
		padding-left: 1rem;
		background:#fff;
		width:100%;
		padding-top: .1rem;
		padding-bottom: .4rem;
		z-index: 400;
	}
}
.loadingBox{
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    height: 2rem;
}
.materialTab{
    width: 100%;
    position: fixed;
    left:0;
    top:2.2rem;
    z-index:10;
}
.stickyTab{
    position: -webkit-sticky;
    position: sticky;
    top: -2.88rem;
    // top: -2.59rem;
	z-index: 300;
}

